@media (max-width: 1200px){
    .content{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .index_zd_hy{
        height: 96px;
    }
    .index_zd_hy .index_zd_img img{
        height: 96px;
    }
    .list_display{
        display: block;
        padding-bottom: 30px;
        font-size: 14px;
    }
    .list_display a{
        display: inline-block;
        padding: 5px 15px;
        background: #ffa01f;
        color: #FFFFFF;
        margin-right: 15px;
        margin-bottom: 10px;
    }
    .list_display span{
        font-size: 16px;
        font-weight: bold;
    }
    .list_nav{
        display: none;
    }
    .list_left,.list_right{
        width: 100%;
        float: none;
    }
    .list_right{
        padding-left: 0;
    }
    .about_bg{
        height: 1111px;
        background-size: 100% 100%;
    }
    .about_d_left{
        padding: 0 15px;
    }
    .about_d_left img{
        width: 100%;
        height: auto;
    }
}
@media (max-width: 990px){
    .index_product_db h2,.index_js_title,.index-ys-title h2{
        font-size: 34px;
    }
    .index_product_box{
        width: 50%;
        margin-bottom: 30px;
    }
    .j_news{
        margin-top: 30px;
    }
    .index_zd_hy .index_zd_img img{
        height: 96px;
    }
    .index_zd_t,.new_title {
        font-size: 15px;
    }
    .new_intro,.index_zd_sm{
        font-size: 12px;
    }
    .ul-good img,.ul-good span{
        display: block;
    }
    .ul-good li{
        text-align: center;
    }
    .ul-good img{
        margin: 0 auto 10px auto;
    }
    .footer_wei{
        display: none;
    }
    .footer_right{
        width: 100%;
        padding-left: 0;
    }
    .footer_ab p span{
        display: block;
    }
    .about_bg{
        height: 1053px;
    }
    .about_left p{
        font-size: 14px;
    }
    .about_xlbox h3{
        font-size: 18px;
    }
    .about_ysbox{
        padding: 0 15px;
    }
    .about_right_title p{
        font-size: 14px;
    }
    .pt{
        width: 50%;
    }
}
@media (max-width: 868px){
    .about_d_left{
        display: none;
    }
    .about_d_right{
        width: 100%;
        float: none;
    }
}
@media (max-width: 800px){
    .newsli{
        width: 100%;
        float: none;
    }
    .index_zd_title{
        height: 96px;
    }

}
@media (max-width: 768px){
    .index_top,.nav,.footer-bottom{
        display: none;
    }
    .index_button,.nav_left{
        display: block;
    }
    .header{
        position: relative;
        padding: 10px 0;
    }
    .nav{
        position: absolute;
        top: 73px;
        left: 0;
        background: #337ab7;
        width: 100%;
        border-top: 1px solid #ffffff;
        z-index: 999;
    }
    .index_nav li{
        float: none;
        width: 100%;
        padding: 13px 0;
        border-bottom: 1px solid #ffffff;
    }
    .flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{
        background-size: 55%;
    }
    .j_news{
        margin-top: 30px;
        background-size: 100% 100%;
    }
    .j_news_ul li{
        width: 100%;
        float: none;
        margin: 0 0px 20px 0px;
    }
    .index_case_box{
        width: 50%;
        margin-bottom: 0;
    }
    .case_list_title{
        font-size: 14px;
    }
    .index-service{
        padding: 4em 0;
    }
    .index-sev-about p{
        font-size: 14px;
    }
    .footer_ab{
        font-size: 12px;
    }
    .news_top_right h3{
        font-size: 14px;
        line-height: 18px;
    }
    .news_top_sm{
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .news_top_data{
        margin-top: 0;
    }
    .news_right_con h3 a{
        font-size: 14px;
    }
    .news_right_con{
        line-height: 18px;
    }
    .news_right_con p{
        font-size: 12px;
    }
    .video_list{
        width: 50%;
    }
    .about_bg{
        background: no-repeat;
        height: auto;
    }
    .about_xl{
        position: static;
    }
    .about_left{
        width: 100%;
        padding-top: 0;
    }
    .about_xl {
        padding: 30px 0;
    }
    .about_xlbox h3 {
         font-size: 14px;
     }
    .about_xlbox p {
        font-size: 12px;
    }
    .contact_list div {
        width: 100%;
    }
    .pt {
        width: 70%;
    }
    .contact_list{
        width: 100%;
        float: none;
        margin-bottom: 30px;
        background: #ececec;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px 10px;
    }
    .contact_list h4{
        padding-bottom: 5px;
    }
    .contact_address{
        line-height: 22px;
    }
}
@media (max-width: 600px){
    .about_xlbox{
        width: 50%;
        padding-bottom: 30px;
    }
    .about_xl {
        padding: 30px 0;
        background: #f3f2f2;
    }
}
@media (max-width: 560px){
    .news_top_left{
        display: none;
    }
    .news_top_right{
        width: 100%;
        padding-bottom: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 500px){
    .flex-control-nav,.ss,.list_cake{
        display: none;
    }
    .flex-direction-nav li a.flex-next{
        right: 15px;
    }
    .flex-direction-nav li a.flex-prev{
        left: 15px;
    }
    .flex-direction-nav{
        top: 34%;
    }
    .index_product_box{
        padding: 0 5px;
    }
    .j_news_ul li{
        margin: 0 0px 5px 0px;
    }
    .j_news_ul li i{
        padding: 12px 0px 12px 0px;
    }
    .index_js_xb{
        padding-bottom: 15px;
    }
    .j_news_ul li p a{
        margin-bottom: 8px;
    }
    .j_news_ul li p{
        padding-top: 9px;
    }
    .index_zd_img,.newstime{
        display: none;
    }
    .index_zd_hy{
        height: auto;
    }
    .index_zd_title,.newshow{
        height: auto;
        width: 100%;
        float: left;
    }
    .newsli{
        margin-bottom: 20px;
        padding-right: 0px;
    }
    .newshow{
        background: #f1f1f1;
        margin-left: 0;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .new_in{
        display: block;
    }
    .case_list_title{
        padding-top: 5px;
    }
    .index_case_box{
        margin-bottom: 0;
        padding: 5px;
    }
    .index_product_db h2,.index_js_title,.index-ys-title h2{
        font-size: 28px;
    }
    .ul-good img{
        width: 50%;
    }
    .ul-good span{
        font-size: 12px;
        line-height: 18px;
    }
    .list_display span{
        display: block;
        margin-bottom: 10px;
    }
    .list_display a{
        font-size: 12px;
        padding:5px;
        margin-right: 10px;
    }
    .product_main{
        padding-top: 25px;
    }
    .news_left_date{
        display: none;
    }
    .date_display{
        display: block;
    }
    .news_right_con{
        width: 100%;
        float: none;
        padding: 0 15px;
    }
    .video_boder{
        margin: 0 5px;
        box-shadow: none;
    }
    .video_title a{
        font-size: 12px;
        line-height: 18px;
    }
    .about_ys{
        background-size: 100% 100%;
    }
    .about_ysbox{
        width: 50%;
        padding-bottom: 30px;
    }
    .about_ysbox p{
        height: 50px;
    }
    .contact_ptbox{
        width: 50%;
        margin-bottom: 30px;
    }
    .pt {
        width: 53%;
    }
}
@media (max-width: 420px){
    .index_product_xb:before,.index_product_xb:after{
        width: auto;
        background: none;
    }
    .index_product{
        padding-top: 38px;
    }
    .index_product_db h2, .index_js_title {
        font-size: 28px;
        padding-bottom: 10px;
    }
    .index_product_xb{
        font-size: .7em;
    }
    .index_product_box{
        width: 100%;
        float: none;
    }
    .case_list_title{
        font-size: 12px;
        line-height: 17px;
    }
    .pt {
        width: 75%;
    }
}